﻿@inherits LayoutComponentBase

@page "/pages/utility/wasm-loading"

<style>
    &commat;keyframes slide {0% {transform: translateX(-25%);}100% {transform: translateX(25%);}}
    .mud-wasm{animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#594ae2 50%,#7467ef 50%);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0;z-index:-1}.mud-wasm-cont{left:50%;padding:10vmin;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%)}
</style>
<div style="height:100%;width:100%;margin:0;position:fixed;">
    <div class="mud-wasm"></div>
    <div class="mud-wasm" style="animation-direction:alternate-reverse;animation-duration:4s;"></div>
    <div class="mud-wasm" style="animation-duration:5s;"></div>
    <div class="mud-wasm-cont ">
        <svg width="100%" height="100%" viewBox="0 0 1653 1049" xmlns="http://www.w3.org/2000/svg">
            <path fill="#7467EF" d="M0.15,572.58V0.16L495.9,286.37v190.81L165.4,286.37v381.62L0.15,572.58z"></path>
            <path fill="#594AE2" d="M495.9,286.37L991.65,0.16v572.43l-330.5,190.81l-165.25-95.4l330.5-190.81V286.37L495.9,477.18V286.37z"></path>
            <path fill="#7467EF" d="M495.9,667.99V858.8l330.5,190.81V858.8L495.9,667.99z"></path>
            <path fill="#594AE2" d="M826.4,1049.6l495.75-286.21V0.37l-165.25,95.4v572.21L826.4,858.8V1049.6z"></path>
            <path fill="#7467ef" d="M1495,467.85l-165.25,95.41,157.47,91.52,165.25-95.38Z"></path>
            <path fill="#7467EF" d="M1322.15,763.39l-165.25,95.4l330.5,190.81V858.8L1322.15,763.39z"></path>
            <path fill="#7467EF" d="M1322.13,0.38l-165.25,95.4l330.29,190.83l165.25-95.38L1322.13,0.38z"></path>
            <path fill="#594AE2" d="M1652.43,191.21l-165.25,95.41v762.99l165.25-95.4L1652.43,191.21z"></path>
        </svg>
    </div>
</div>

@code
{

}
